<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>未填写求职意愿</title>
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_3063638_l4t9o8ly6jq.css">
    <link rel="stylesheet" href="../swiper-8.0.7/swiper8/swiper-bundle.min.css">
    <!-- <link rel="stylesheet" href="../bootstrap-4.6.1-dist/css/bootstrap.min.css"> -->
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/job-wanted.css">
</head>

<body>
    <!-- 头部导航栏 -->
    <header class="header">
        <div class="container">
            <!-- 头部品牌logo -->
            <div class="brand">
                <a href="./homepage.html" class="logo">
                    <img src="../imgs/logo.png" alt="" class="logo-img">
                    <h2 class="logo-title">得程</h2>
                </a>
                <div class="recruit">
                    <a href="./homepage.html" class="recruit-txt">进入招聘版</a>
                </div>
            </div>
            <!-- 头部导航栏 -->
            <div class="head-nav">
                <!-- 菜单项 -->
                <ul class="menu">
                    <li class="item active"><a href="#" class="item-txt">首页</a></li>
                    <li class="item"><a href="#" class="item-txt">职位</a></li>
                    <li class="item"><a href="#" class="item-txt">公司</a></li>
                </ul>
                <!-- 登录用户信息 -->
                <div class="user-info">
                    <div class="news">
                        <a href="">消息</a>|
                    </div>
                    <div class="resume">
                        <a href="">简历</a>|
                    </div>
                    <div class="deliver">
                        <a href="">投递</a>
                    </div>
                    <!-- 用户信息 -->
                    <div class="user">
                        <div class="user-name">霍美美</div>
                        <ul class="user-menu">
                            <li class="menu-item"><a href="">个人主页</a></li>
                            <li class="menu-item"><a href="">职位收藏</a></li>
                            <li class="menu-item"><a href="">关注公司</a></li>
                            <li class="menu-item"><a href="">账号设置</a></li>
                            <li class="menu-item item-line"></li>
                            <li class="menu-item"><a href="">去招聘版</a></li>
                            <li class="menu-item"><a href="./homepage.html">退出登录</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </header>


    <!-- 顶部导航栏 -->
    <div class="topbar">
        <div class="container">
            <div class="bar-info">
                <!-- 左侧信息 -->
                <div class="bar-left">
                    <div class="search-info">
                        <div class="locale">
                            <img src="../imgs/locale.png" class="locale-img"></img>
                            <div class="local-title">深圳</div>
                        </div>
                        <div class="search">
                            <input type="text" class="content" placeholder="搜索职位/公司">
                            <button class="btn">
                                <img src="../imgs/search.png" class="search-img"></img>
                            </button>
                        </div>
                    </div>
                    <div class="hot">
                        <div class="hot-title">热门 IT 职位：</div>
                        <div class="hot-item"><a href="">Java</a></div>
                        <div class="hot-item"><a href="">后端开发</a></div>
                        <div class="hot-item"><a href="">PHP</a></div>
                        <div class="hot-item"><a href="">IOS</a></div>
                        <div class="hot-item"><a href="">Android</a></div>
                        <div class="hot-item"><a href="">前端开发</a></div>
                    </div>
                </div>
                <!-- 右侧信息 -->
                <div class="bar-right">
                    <div class="post">
                        <div class="post-num">
                            234552
                        </div>
                        <div class="post-txt">职位数</div>
                    </div>
                    <div class="business">
                        <div class="business-num">
                            37714
                        </div>
                        <div class="business-txt">企业数</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 主页导航轮播部分 -->
    <div class="page-main">
        <div class="container">
            <!-- 左侧网站类别 -->
            <div class="site-category">
                <ul class="category">
                    <li class="category-item">
                        <div class="item-title">后端开发</div>
                        <a href="" class="item-link">Java</a>
                        <a href="" class="item-link">PHP</a>
                        <a href="" class="item-link">C|C++</a>
                        <img src="../imgs/right-arrow.png" alt="" class="item-img">
                    </li>
                    <li class="category-item">
                        <div class="item-title">前端开发</div>
                        <a href="" class="item-link">HTML5</a>
                        <a href="" class="item-link">IOS</a>
                        <img src="../imgs/right-arrow.png" alt="" class="item-img">
                    </li>
                    <li class="category-item">
                        <div class="item-title">数据开发</div>
                        <a href="" class="item-link">数据挖掘</a>
                        <a href="" class="item-link">数据分析</a>
                        <img src="../imgs/right-arrow.png" alt="" class="item-img">
                    </li>
                    <li class="category-item">
                        <div class="item-title">测试工程</div>
                        <a href="" class="item-link">移动端测试</a>
                        <a href="" class="item-link">硬件测试</a>
                        <img src="../imgs/right-arrow.png" alt="" class="item-img">
                    </li>
                    <li class="category-item">
                        <div class="item-title">运维开发</div>
                        <a href="" class="item-link">网络安全</a>
                        <a href="" class="item-link">信息安全</a>
                        <img src="../imgs/right-arrow.png" alt="" class="item-img">
                    </li>
                    <li class="category-item">
                        <div class="item-title">硬件开发</div>
                        <a href="" class="item-link">嵌入式</a>
                        <a href="" class="item-link">单片机</a>
                        <img src="../imgs/right-arrow.png" alt="" class="item-img">
                    </li>
                    <li class="category-item">
                        <div class="item-title">人工智能</div>
                        <a href="" class="item-link">机器学习</a>
                        <a href="" class="item-link">深度学习</a>
                        <img src="../imgs/right-arrow.png" alt="" class="item-img">
                    </li>
                    <li class="category-item">
                        <div class="item-title">高端技术</div>
                        <a href="" class="item-link">CTO</a>
                        <a href="" class="item-link">安全专家</a>
                        <img src="../imgs/right-arrow.png" alt="" class="item-img">
                    </li>
                    <li class="category-all">
                        <a href="">显示全部IT职位</a>
                    </li>
                </ul>
            </div>
            <!-- 右侧网站轮播图 -->
            <!-- Swiper -->
            <div class="myswiper">
                <div class="swiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="../imgs/nature-1.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="../imgs/nature-2.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="../imgs/nature-3.jpg" alt=""></div>

                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                    <!-- Add Navigation -->
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
            </div>

        </div>
    </div>


    <!-- 首页职位盒子 -->
    <div class="home-post-box">
        <div class="container">
            <!-- 职位标题 -->
            <div class="post-title">
                <div class="post-recommend">推荐职位</div>
                <a href="" class="post-item">IOS开发</a>
                <a href="" class="post-item">Java</a>
                <a href="" class="post-item">后端</a>
                <a href="" class="post-item">测试</a>
                <a href="" class="post-item">PHP</a>
            </div>
            <!-- 未填写职位推荐 -->
            <div class="job-wanted">
                <div class="wanted-content">
                    <!-- <img src="../imgs/job-wanted.png" alt="" class="job-wanted-img"> -->
                    <i class="iconfont icon-tianxie"></i>
                    <p class="desc">未填写求职意愿</p>
                    <a href="" class="resume">马上填写</a>
                </div>
            </div>
        </div>
    </div>


    <!-- 首页热门公司盒子 -->
    <div class="home-company-box">
        <div class="container">
            <!-- 热门公司标题 -->
            <div class="company-title">热门公司</div>
            <!-- 热门公司内容 -->
            <ul class="company-box">
                <li class="company-list">
                    <a href="./companydetails.html" class="company-content">
                        <img src="../imgs/tengxun-logo.png" alt="">
                        <div class="desc">
                            <p class="title">腾讯</p>
                            <div class="tag">已上市 / 2000人以上</div>
                        </div>
                    </a>
                    <div class="line"></div>
                    <a href="./recruiting-post.html" class="recruit">
                        <div class="recruit-num">32</div>
                        <div class="txt">个职位招聘中</div>
                    </a>
                </li>
                <li class="company-list">
                    <a href="./companydetails.html" class="company-content">
                        <img src="../imgs/huawei-logo.png" alt="">
                        <div class="desc">
                            <p class="title">华为</p>
                            <div class="tag">不需要融资 / 2000人以上</div>
                        </div>
                    </a>
                    <div class="line"></div>
                    <a href="./recruiting-post.html" class="recruit">
                        <div class="recruit-num">32</div>
                        <div class="txt">个职位招聘中</div>
                    </a>
                </li>
                <li class="company-list">
                    <a href="./companydetails.html" class="company-content">
                        <img src="../imgs/xiaomi-logo.png" alt="">
                        <div class="desc">
                            <p class="title">小米</p>
                            <div class="tag">已上市 / 2000人以上</div>
                        </div>
                    </a>
                    <div class="line"></div>
                    <a href="./recruiting-post.html" class="recruit">
                        <div class="recruit-num">32</div>
                        <div class="txt">个职位招聘中</div>
                    </a>
                </li>
                <li class="company-list">
                    <a href="./companydetails.html" class="company-content">
                        <img src="../imgs/tengxun-logo.png" alt="">
                        <div class="desc">
                            <p class="title">腾讯</p>
                            <div class="tag">已上市 / 2000人以上</div>
                        </div>
                    </a>
                    <div class="line"></div>
                    <a href="./recruiting-post.html" class="recruit">
                        <div class="recruit-num">32</div>
                        <div class="txt">个职位招聘中</div>
                    </a>
                </li>
                <li class="company-list">
                    <a href="./companydetails.html" class="company-content">
                        <img src="../imgs/huawei-logo.png" alt="">
                        <div class="desc">
                            <p class="title">华为</p>
                            <div class="tag">不需要融资 / 2000人以上</div>
                        </div>
                    </a>
                    <div class="line"></div>
                    <a href="./recruiting-post.html" class="recruit">
                        <div class="recruit-num">32</div>
                        <div class="txt">个职位招聘中</div>
                    </a>
                </li>
                <li class="company-list">
                    <a href="./companydetails.html" class="company-content">
                        <img src="../imgs/xiaomi-logo.png" alt="">
                        <div class="desc">
                            <p class="title">小米</p>
                            <div class="tag">已上市 / 2000人以上</div>
                        </div>
                    </a>
                    <div class="line"></div>
                    <a href="./recruiting-post.html" class="recruit">
                        <div class="recruit-num">32</div>
                        <div class="txt">个职位招聘中</div>
                    </a>
                </li>

            </ul>
            <div class="more">
                <a href="" class="more-txt">查看更多</a>
            </div>
        </div>
    </div>


    <!-- 底部导航栏 -->
    <footer class="footer">
        <div class="container">
            <div class="service">
                <div class="links">
                    <div class="link">
                        <!-- 帮助链接信息 -->
                        <dl class="link-info">
                            <dt class="link-title">关于得程</dt>
                            <dd class="link-item"><a href="#">了解得程</a></dd>
                            <dd class="link-item"><a href="#">得程APP</a></dd>
                            <dd class="link-item"><a href="#">用户协议</a></dd>
                        </dl>
                        <dl class="link-info">
                            <dt class="link-title">帮助与反馈</dt>
                            <dd class="link-item"><a href="#">使用帮助</a></dd>
                            <dd class="link-item"><a href="#">意见反馈</a></dd>
                        </dl>
                        <dl class="link-info">
                            <dt class="link-title">联系我们</dt>
                            <dd class="link-item">4006-345-345</dd>
                            <dd class="link-item">周一至周日 9:00-18:00</dd>
                        </dl>
                    </div>
                    <!-- 图片帮助 -->
                    <div class="contact">
                        <div class="app active">
                            <div class="app-contact">
                                <i class="iconfont icon-app"></i>
                                <div class="txt">下载APP</div>
                            </div>
                            <img src="../imgs/code.png" alt="" class="code">
                        </div>
                        <div class="WeChat">
                            <div class="WeChat-contact">
                                <i class="iconfont icon-gongzhonghao"></i>
                                <div class="txt">关注公众号</div>
                            </div>
                            <img src="../imgs/code.png" alt="" class="code">
                        </div>
                    </div>
                </div>
                <!-- 底部网站信息 -->
                <div class="site-info">
                    <div class="copyright">Copyright©2019 得程</div>
                    <div class="record">备案号：粤ICP备12034550号-1</div>
                    <div class="record-info">
                        <img src="../imgs/record.png" alt="">
                        <div class="record-num">京公网安备11010502032801</div>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <script src="../js/jquery.slim.min.js"></script>
    <!-- <script src="../bootstrap-4.6.1-dist/js/bootstrap.min.js"></script> -->
    <script src="../swiper-8.0.7/swiper8/swiper-bundle.min.js"></script>

    <script>
        $(function () {
            // 用户信息的显示与隐藏
            $('.user').on('mouseenter mouseleave ', function () {
                $(this).find('.user-menu').toggle(1000);
            });

            // 底部二维码图片显示
            $('.app-contact').on({
                mouseenter: function () {
                    $(this).parent().addClass("active");
                    $('.WeChat-contact').parent().removeClass("active");
                }
            });
            $('.WeChat-contact').on({
                mouseenter: function () {
                    $(this).parent().addClass("active");
                    $('.app-contact').parent().removeClass("active");
                }
            });
        });

        //右侧网站轮播图
        // Init Swiper
        var swiper = new Swiper('.swiper', {
            loop: true,
            // 轮播功能
            autoplay: {
                delay: 3000,
                stopOnLastSlide: false,
                disableOnInteraction: false,
            },
            // Install Plugin To Swiper
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            // Enable debugger
            debugger: true,
        });
    </script>
</body>

</html>